<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<style>
			body{background-color: black;}
			div{color:white;
			position: fixed;
			top: 50%;
			left:38%;
			font-family: "microsoft sans serif";
			}
			input{border: 2px;
			border-color: red;}
			button{position: fixed;
			top:56%;
			left:51%;
			width: 60px;}
		</style>
		
		<div>
		Give a name to you: <input id="playerName" type="text" value=""> 
		</div>
		<button onclick="SaveName()">OK</button>
		<script>
			
			function SaveName(){
				window.localStorage.setItem("playerName", document.getElementById("playerName").value);
				window.location.href="005.html";
				
			}
			document.write(document.getElementById('playerName').value);
		</script>
	</body>
</html>
